<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="shortcut icon" href="./favicon.ico">
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="./js/owl/assets/owl.carousel.min.css">
  <link rel="stylesheet" href="./js/owl/assets/owl.theme.default.min.css">
  <link rel="stylesheet" href="css/main.css">
</head>
<body>
<!--[if lte IE8]>
<p class="browserupgrade">您的浏览器的版本老得可笑，请到<a href="http://browsehappy">这里</a>更新，以获取最佳的浏览体验</p>
<![endif]-->
<header>
  <nav class="top">
    <span class="tel">理财热线：400-888-8888</span>
    <ul>
      <li><a href="#">登录</a>
      <li><a href="#">快速注册</a>
      <li><a href="#">关于</a>
      <li><a href="#">帮助</a>
      <li><a href="#">APP下载</a>
    </ul>
  </nav>
  <nav class="main">
    <a class="brand" href="#"><img src="img/logo@1x.png" alt="返回主页"></a>
    <ul>
      <li><a href="#">首页</a></li>
      <li><a href="#">理财频道</a></li>
      <li><a href="#">投资频道</a></li>
      <li><a href="#">新手专区</a></li>
      <li><a href="#">安全保障</a></li>
    </ul>
  </nav>
</header>
<div class="container">
  <section class="transaction ">
    <div class="trans-content clearfix">
      <div class="trans-data">
        <span>平台累计成交金额</span>
        <span class="trans-money">19888</span>
        <span>万元</span>
      </div>
      <div class="trans-data">
        <span>过去7日成交金额</span>
        <span class="trans-money">1888</span>
        <span>万元</span>
      </div>
      <div class="trans-report">
        <a href="#">查看平台运营报告</a>
      </div>
    </div>
  </section>
  <section class="ad">
    <div class="owl-carousel owl-theme">
      <div class="item">
        <picture>
          <source srcset="./img/ad001-l.png" media="(min-width: 50em)">
          <source srcset="./img/ad001-m.png" media="(min-width: 30em)">
          <img src="img/ad001.png" alt="2015年度报告">
        </picture>
      </div>
      <div class="item">
        <picture>
          <source srcset="img/ad002-l.png" media="(min-width: 50em)">
          <source srcset="img/ad002-m.png" media="(min-width: 30em)">
          <img src="img/ad002.png" alt="新年红包">
        </picture>
      </div>
      <div class="item">
        <picture>
          <source srcset="img/ad003-l.png" media="(min-width: 50em)">
          <source srcset="img/ad003-m.png" media="(min-width: 30em)">
          <img src="img/ad003.png" alt="新手秘籍">
        </picture>
      </div>
    </div>
  </section>
  <section class="feature">
    <div class="item">
      <h3>安全</h3>
      <p>国家AAA信用平台<br>银行资金托管<br>上市公司背景保证</p>
    </div>
    <div class="item">
      <h3>权威</h3>
      <p>中央电视台推荐<br>互联网百家企业<br>标准起草单位</p>
    </div>
    <div class="item">
      <h3>省心</h3>
      <p>100元起投<br>用户利益保障机制<br>保险公司承保</p>
    </div>
  </section>
  <section class="notice clearfix">
    <a href="#"><span>2015-12-31</span>元旦期间业务手里及值班公告元旦元旦期间业务手里及值班公告元旦期间业务手里及值班公告元</a>
    <a href="#" class="more">更多公告</a>
  </section>
  <section class="product clearfix">
    <h2>
      固定期限产品
      <em>甄选优质基金</em>
      <em>省时省力</em>
      <em>坐等收益</em>
    </h2>
    <div class="product-content">
      <div class="item clearfix">
        <h3><em>3</em>个月</h3>
        <div class="info">
          <p>约定年化收益率:<span class="year-rate">3.5%<i>起</i></span></p>
          <p>总成交金额:<span class="money">1880<i>万元</i></span></p>
        </div>
        <div class="buy">
          <a href="#">购买</a>
        </div>
      </div>
      <div class="item clearfix">
        <h3><em>3-6</em>个月</h3>
        <div class="info">
          <p>约定年化收益率:<span class="year-rate">3.60%<i>起</i></span></p>
          <p>总成交金额:<span class="money">2880<i>万元</i></span></p>
        </div>
        <div class="buy">
          <a href="#">购买</a>
        </div>
      </div>
      <div class="item clearfix">
        <h3><em>6-12</em>个月</h3>
        <div class="info">
          <p>约定年化收益率:<span class="year-rate">4.50%<i>起</i></span></p>
          <p>总成交金额:<span class="money">3880<i>万元</i></span></p>
        </div>
        <div class="buy">
          <a href="#">购买</a>
        </div>
      </div>
      <div class="item clearfix">
        <h3><em>12-24</em>个月</h3>
        <div class="info">
          <p>约定年化收益率:<span class="year-rate">5.60%<i>起</i></span></p>
          <p>总成交金额:<span class="money">4880<i>万元</i></span></p>
        </div>
        <div class="buy">
          <a href="#">购买</a>
        </div>
      </div>
      <div class="item clearfix">
        <h3><em>24</em>个月以上</h3>
        <div class="info">
          <p>约定年化收益率:<span class="year-rate">6.20%<i>起</i></span></p>
          <p>总成交金额:<span class="money">5880<i>万元</i></span></p>
        </div>
        <div class="buy">
          <a href="#">购买</a>
        </div>
      </div>
    </div>
  </section>
  <section class="product clearfix">
    <h2>
      债权/散标产品
      <em>自主投资</em>
      <em>期限灵活</em>
    </h2>
    <div class="product-content">
      <div class="item clearfix">
        <h3><em>3</em>个月<i>日常生活消费</i></h3>
        <div class="info">
          <p>约定年化收益率:<span class="year-rate">4.90%</span></p>
          <p>总成交金额:<span class="money">18,000<i>元</i></span></p>
        </div>
        <div class="buy">
          <a href="#">投标</a>
        </div>
      </div>
      <div class="item clearfix">
        <h3><em>5</em>个月<i>资金周转</i></h3>
        <div class="info">
          <p>约定年化收益率:<span class="year-rate">5.20%</span></p>
          <p>金额:<span class="money">28,000<i>元</i></span></p>
        </div>
        <div class="buy">
          <a href="#">投标</a>
        </div>
      </div>
      <div class="item clearfix">
        <h3><em>7</em>个月<i>个人消费</i></h3>
        <div class="info">
          <p>约定年化收益率:<span class="year-rate">5.50%</span></p>
          <p>金额:<span class="money">38,800<i>元</i></span></p>
        </div>
        <div class="buy">
          <a href="#">投标</a>
        </div>
      </div>
      <div class="item clearfix">
        <h3><em>1</em>个月<i>日常生活消费</i></h3>
        <div class="info">
          <p>约定年化收益率:<span class="year-rate">4.60%</span></p>
          <p>金额:<span class="money">48,800<i>元</i></span></p>
        </div>
        <div class="buy">
          <a href="#" class="disabled">还款中</a>
        </div>
      </div>
      <div class="item clearfix">
        <h3><em>12</em>个月以上<i>资金周转</i></h3>
        <div class="info">
          <p>约定年化收益率:<span class="year-rate">7.20%</span></p>
          <p>金额:<span class="money">58,800<i>元</i></span></p>
        </div>
        <div class="buy">
          <a href="#"  class="disabled">还款中</a>
        </div>
      </div>
    </div>
  </section>
  <nav class="footer clearfix">
    <div class="footer-content">
      <p class="brand"></p>
      <ul>
        <li class="title">关于我们</li>
        <li><a href="#">公司介绍</a></li>
        <li><a href="#">业务模式</a></li>
        <li><a href="#">合作机构</a></li>
        <li><a href="#">服务模式</a></li>
      </ul>
      <ul>
        <li class="title">风险防范</li>
        <li><a href="#">财产安全</a></li>
        <li><a href="#">安全保障</a></li>
      </ul>
      <ul>
        <li class="title">理财产品</li>
        <li><a href="#">固定期限</a></li>
        <li><a href="#">债权/散标</a></li>
      </ul>
      <ul>
        <li class="title">交易帮助</li>
        <li><a href="#">购买</a></li>
        <li><a href="#">赎回</a></li>
        <li><a href="#">体现</a></li>
      </ul>
      <ul>
        <li class="title">机构服务</li>
        <li><a href="#">机构中心</a></li>
        <li><a href="#">合作联系</a></li>
      </ul>
    </div>
  </nav>
</div>
<footer>
  <ul>
    <li><span class="icon icon-zfywxk">支付业务许可证</span></li>
    <li><span class="icon icon-pcirk">PCI许可证</span></li>
    <li><span class="icon icon-visayz">Visa 验证</span></li>
    <li><span class="icon icon-vsjifw">VerSign加密服务</span></li>
    <li><span class="icon icon-wlgs">网络工商</span></li>
    <li><span class="icon icon-rzcx">电子商务协会认证诚信网</span></li>
    <li><span class="icon icon-gs">北京工商</span></li>
  </ul> 
  <p>北京某互联网金融公司 版权所有 © 2015-2016</p>
</footer>
<script src="./js/vendor/jquery.min.js"></script>
<script src="./js/owl/owl.carousel.min.js"></script>
<script src="./js/vendor/picturefill.min.js"></script>
<script src="./js/main.js"></script>
</body>
</html>
